@charset "utf-8";
@import "normalize.css";

/*Structure de base */
body,html{
	font-size:14px;
	position:absolute;
	width:100%;
	height:100%;
}

a:active {
	outline:none !important;
}

#header {
	height:78px;
	width:100%;
	position:relative;
	z-index: 10;
	background:url('../img/header.png');
}

#header li {
	float:left;
	width:13.3%;
	list-style:none;

}

#header a {
	display:block;
	width:100%;
	line-height:5px;
	text-align:center;
	font-family:'Audiowide', cursive;
	font-size:24px;
	color:#00ffff;
	box-shadow: px rgba(255, 255, 255, 0.7); 
}

#header a.sergent_pepper {
	line-height: 30px;
	margin-top: 10px;
}

#header a:hover{
	text-shadow: 0px 0px 20px #ade6fe;
}

#header h1{
	position:absolute;
	width:20%;
	height:130px;
	left:40%;
	text-align:center;
	margin:0;
	
}

#header h1 img{
	max-width:100%;
}

#header li:nth-child(4){
	margin-left:20%;
}

#footer{
	width:100%;
	height:139px;
	background:url('../img/footer.png');
	position:absolute;
	bottom:0;
	
	
}

#footer li{
	float:left;
	list-style:none;
}


#footer a{
	display:block;
	line-height:15px;
	text-align:center;
	font-family:'Audiowide', cursive;
	font-size:24px;
	color:#00ffff;
	box-shadow: px rgba(255, 255, 255, 0.7);

}

#footer a:hover{
	border:none; 
	text-shadow: 0px 0px 20px #FFF;
}



#footer li{
	float:left;
	width: 20%;
	list-style:none;
}

#tweet_fb{
	float:right;
	margin-right:15px;
	position:relative;
	margin-top:50px;
	width:140px;
	height:65px;
}

#fb{
	float:left;
	width:58px;
	height:60px;
}

#tw{
	float:right;
	width:58px;
	height:60px;

}


#menu_2 {
	margin-top: 20px;
	margin-left: 17%;
}

#menu_2 img {
	margin-bottom: 10px;
}

.wrapper {
	width: 100%;
	height: 100%;
}

#content {
	width:100%;
	height: 84%;
	position: relative;
	
}

.accueil{
	background:url('../img/fond_accueil.png') no-repeat center bottom #000;
}

#small_content{
	width:29%;
	height:57%;
	position: absolute;
	left: 0;
	top: 15%;
	background:url('../img/content.png') no-repeat;
}

#small_content a{
	
}

#texte{
	width:80%;
	height:45%;
	position:absolute;
	left:0;

}

h3{

	font-family:'Audiowide', cursive;
	color:#07b5b5;
	margin-top:15px;
	padding:20px;
	float:left;
	font-size:18px;

}

#header_small_content{
	width:100%;
	height:15%;
	position: absolute;
	top:0;
	background:url('../img/sur_content.png')no-repeat;
	border-radius:10px 10px 0 0;
	margin-top:0;
	
}

h1 {
	font-family:'Audiowide', cursive;
	color:#00ffff;
	font-size:27px;
	margin-left: 19px;
	margin-bottom:30px;

}



#small_content2{
	width:28%;
	height:9%;
	position: absolute;
	bottom:0;
	right:0;
	margin-bottom:5%;
	border-radius:10px 10px 10px 10px;
	background:url('../img/purchase.png')no-repeat;

	}

.close{
	width:25px;
	height:33px;
	position:absolute;
	left:0;
	top:0;
	margin-top:22px;
	margin-left:5px;
}

h2 {
	font-family:'Audiowide', cursive;
	color:#00ffff;
	font-size:26px;
	margin-left: 85px;
	margin-bottom:30px;

}

h2 a, h2 a:visited {
	text-decoration:none;
	color:#00ffff;
}


h2 a:hover{
	 text-shadow: 0px 0px 20px #ade6fe;
}

/* styles commun */

a:link, a:visited{
	text-decoration:none;
	color:#3a68df;
}

a:hover{
	color:#a5471e;
}

a:active{
	color:#9c1212;
}


